<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DAY THIRTY-ONE</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="frame">
        <div class="dots">
            <div class="dot dot-1"></div>
            <div class="dot dot-2"></div>
            <div class="dot dot-3"></div>
            <div class="dot dot-4"></div>
            <div class="dot dot-5"></div>
            <div class="dot dot-6"></div>
            <div class="dot dot-7"></div>
            <div class="dot dot-8"></div>
            <div class="dot dot-9"></div>
            <div class="dot dot-10"></div>
            <div class="dot dot-11"></div>
            <div class="dot dot-12"></div>
            <div class="dot dot-13"></div>
            <div class="dot dot-14"></div>
            <div class="dot dot-15"></div>
            <div class="dot dot-16"></div>
            <div class="dot dot-17"></div>
            <div class="dot dot-18"></div>
            <div class="dot dot-19"></div>
            <div class="dot dot-20"></div>
        </div>
    </div>
</body>
</html>